//向服务器端发送请求获取数据
$.ajax({
    type: 'get',
    url: '/posts',
    success: function(response) {
        var html = template('postsTpl', response)
        // console.log(html);
        console.log(response)
        $('#postsBox').html(html); 
        var page = template('pageTpl', response);
        $('#page').html(page);
    }
})



function changePage(page) {
    $.ajax({
        type: 'get',
        url: '/posts',
        data: {
            page: page
        },
        success: function (response) {
            var html = template('postsTpl', response)
            // console.log(html);
            // console.log(response)
            $('#postsBox').html(html); 
            var page = template('pageTpl', response);
            $('#page').html(page);
        }
    })
}

//向服务器端发送请求 索要分类数据
$.ajax({
    type: 'get',
    url: '/categories',
    success: function(response) {
        // console.log(response)
        var html = template('categoryTpl', {data: response});
        // console.log(html)
        $("#categoryBox").html(html);
    }
})

//当用户对文章列表进行筛选时
$('#filterForm').on('submit', function() {
    //获取到管理员选择的过滤条件
    var formData = $(this).serialize();
    console.log(formData); //获取到category和state的值
    //向服务器端发送请求 根据条件索要文章列表数据
    $.ajax({
        type: 'get',
        url: '/posts',
        data: formData,
        success: function( response) {
            var html = template('postsTpl', response);
            $('#postsBox').html(html);
            var page = template('pageTpl', response);
            $('#page').html(page); 
        }
    })
    
    //阻止表单默认提交行为
    return false;
})

//当删除按钮被点击的时候
$('#postsBox').on('click', '.delete', function() {
    //弹出删除确认框 
    if(confirm('确定要删除吗')) {
        //获取管理员要删除数据的id
        var id = $(this).attr('data-id');
        $.ajax({
            type:'delete',
            url: '/posts/' + id,
            success: function(){
                location.reload(); 
            }
        })
    }
})